<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .content {
      margin: 150px auto;
      width: 900px;
    }
  </style>
</head>
<body>
  <div id="content1" class="content">
    i am content
  </div>
  <script id="test1" type="text/html">
    {{each $data}}
      </br>下标：{{$index}} ，值：{{$value}}
    {{/each}}  
    
    </br></br></br>自定义index value
    {{each $data val ind}}
      </br>下标：{{ind}} ，值：{{val}}
    {{/each}}   

  </script>
  <script src="../js/lib/art-template.js"></script>
  <script src="../js/lib/jquery-2.1.1.js"></script>
  <script>    
    var data = [111, 222, 333, 444, 555];
    var html = template('test1', data);
    $('#content1').append(html);
  </script>
</body>
</html>